<template>
    <div class="luck">
      <div class="im_nav">
           <div class="nomoney">
             余额：
             <span style="color:#FB5035; font-size:30px; font-weight: bold;">2800</span>
             <span style="color:#FB5035; font-weight: bold;">元</span>
           </div>
           <div class="hostime">有效期：2019-0812~20198210</div>
      </div>

      <div class="daohang">
         <ul>
           <li :class="{nochongtu:1==link}" @click="ones(1)">全部</li>
           <li :class="{nochongtu:2==link}" @click="ones(2)">已使用</li>
           <li :class="{nochongtu:3==link}" @click="ones(3)">未使用</li>
         </ul>
      </div>

      <div class="msg">
        <ul>
          <li class="msg_list">
            <div class="imgfat">
              <img src="../../assets/pingjia_11.png" alt="">
            </div>
            <div class="textfat">
              <div class="compandname">香格里拉寻味火锅店套餐</div>
              <div class="lingl">地址：北京朝阳区首开东都会</div>
              <div class="lingl">有效期；2019.3.6~2019.8.12</div>
            </div>
            <div class="bombtn">
              <span class="weishiyong">去使用</span>
            </div>
          </li>
           <li class="msg_list">
            <div class="imgfat">
              <img src="../../assets/pingjia_11.png" alt="">
            </div>
            <div class="textfat">
              <div class="compandname">香格里拉寻味火锅店套餐</div>
              <div class="lingl">地址：北京朝阳区首开东都会</div>
              <div class="lingl">有效期；2019.3.6~2019.8.12</div>
            </div>
            <div class="bombtn">
              <span class="yishiyong">已使用</span>
            </div>
          </li>
        </ul>
      </div>
    </div>
</template>

<script>
export default {
      data() {
        return {
            link:1
        }
      },
      mounted(){
        
      },
      methods:{
         ones(id){
           this.link=id
         }
      }
};
</script>

<style>
@import "../../assets/business/css/new_swim.css";

</style>
